{% extends "base.html" %}
{% block title %}{% if mode == 'edit' %}Редактирование теста{% else %}Создание теста{% endif %}{% endblock %}
{% block content %}
  <h1 class="h3 mb-4">
    {% if mode == 'edit' %}Редактирование{% else %}Создание{% endif %} теста
    {% if test %}<span class="text-muted">— {{ test.title }}</span>{% endif %}
  </h1>
  <form method="post">
    {{ form.hidden_tag() }}
    <div class="card shadow-sm mb-4">
      <div class="card-body">
        <div class="row g-3">
          <div class="col-md-6">
            {{ form.title.label(class="form-label") }}
            {{ form.title(class="form-control") }}
            {% for error in form.title.errors %}
              <div class="text-danger small">{{ error }}</div>
            {% endfor %}
          </div>
          <div class="col-12">
            {{ form.description.label(class="form-label") }}
            {{ form.description(class="form-control", rows=3) }}
            {% for error in form.description.errors %}
              <div class="text-danger small">{{ error }}</div>
            {% endfor %}
          </div>
          <div class="col-md-3 form-check">
            {{ form.is_active(class="form-check-input") }}
            {{ form.is_active.label(class="form-check-label") }}
          </div>
          <div class="col-md-3 form-check">
            {{ form.shuffle_questions(class="form-check-input") }}
            {{ form.shuffle_questions.label(class="form-check-label") }}
          </div>
          <div class="col-md-3 form-check">
            {{ form.shuffle_answers(class="form-check-input") }}
            {{ form.shuffle_answers.label(class="form-check-label") }}
          </div>
          <div class="col-md-3">
            {{ form.time_limit_minutes.label(class="form-label") }}
            {{ form.time_limit_minutes(class="form-control", placeholder="Например, 30") }}
            <div class="form-text">Оставьте пустым для отсутствия ограничения.</div>
            {% for error in form.time_limit_minutes.errors %}
              <div class="text-danger small">{{ error }}</div>
            {% endfor %}
          </div>
        </div>
      </div>
    </div>

    <div class="card shadow-sm mb-4">
      <div class="card-body">
        <div class="d-flex justify-content-between align-items-center mb-3">
          <h2 class="h5 mb-0">Вопросы</h2>
          <button class="btn btn-sm btn-outline-primary" type="submit" name="add-question" value="1" formnovalidate>Добавить вопрос</button>
        </div>
        {% for question in form.questions %}
          {% set question_index = loop.index0 %}
          <div class="border rounded-3 p-3 mb-3 bg-light">
            <div class="d-flex justify-content-between align-items-center mb-3">
              <h3 class="h6 mb-0">Вопрос {{ question_index + 1 }}</h3>
              {% if form.questions|length > 1 %}
                <button class="btn btn-sm btn-outline-danger" type="submit" name="remove-question-{{ question_index }}" value="1" formnovalidate>Удалить вопрос</button>
              {% endif %}
            </div>
            <div class="mb-3">
              {{ question.question_text.label(class="form-label") }}
              {{ question.question_text(class="form-control", rows=3) }}
            </div>
            <div class="mb-3 col-md-4">
              {{ question.question_type.label(class="form-label") }}
              {{ question.question_type(class="form-select") }}
            </div>
            <div class="mb-3">
              <h3 class="h6">Ответы</h3>
              {% for answer in question.answers %}
                {% set answer_index = loop.index0 %}
                <div class="row g-2 align-items-center mb-2">
                  <div class="col-auto">
                    <div class="form-check mt-2">
                      {{ answer.is_correct(class="form-check-input", id="answer-{{ question_index }}-{{ answer_index }}") }}
                      <label class="form-check-label" for="answer-{{ question_index }}-{{ answer_index }}">Верный</label>
                    </div>
                  </div>
                  <div class="col">
                    {{ answer.answer_text(class="form-control", placeholder="Текст ответа") }}
                  </div>
                  {% if question.answers|length > 2 %}
                    <div class="col-auto">
                      <button class="btn btn-sm btn-outline-danger" type="submit" name="remove-answer-{{ question_index }}-{{ answer_index }}" value="1" formnovalidate>Удалить</button>
                    </div>
                  {% endif %}
                </div>
              {% endfor %}
              <button class="btn btn-sm btn-outline-secondary" type="submit" name="add-answer-{{ question_index }}" value="1" formnovalidate>Добавить ответ</button>
            </div>
          </div>
        {% endfor %}
      </div>
    </div>

    <div class="card shadow-sm mb-4">
      <div class="card-body">
        <h2 class="h5 mb-3">Критерии оценивания</h2>
        {% for criteria in form.criteria %}
          <div class="row g-2 align-items-end mb-3">
            <div class="col-md-3 col-lg-2">
              <label class="form-label">Оценка</label>
              <input type="text" class="form-control" value="{{ criteria.grade.data }}" readonly>
              {{ criteria.grade() }}
            </div>
            <div class="col-md-4 col-lg-3">
              {{ criteria.max_errors.label(class="form-label") }}
              {{ criteria.max_errors(class="form-control") }}
            </div>
          </div>
        {% endfor %}
        <p class="text-muted small mb-0">
          Оценка 2 выставляется, если количество ошибок превышает указанные значения.
        </p>
      </div>
    </div>

    <div class="d-flex justify-content-between">
      <a class="btn btn-outline-secondary" href="{{ url_for('admin.manage_tests') }}">Назад</a>
      {{ form.submit(class="btn btn-success") }}
    </div>
  </form>
{% endblock %}